<?xml version="1.0" encoding="utf-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<p:panel id="pn_instituicao" header="Buscar Instituição Financiadora">

		<h:form id="form">

			<h:messages id="messagesListCurso" globalOnly="true"
				autoUpdate="true" />

			<!--Perquisar pelo nome da instituicão -->
			<h:panelGrid columns="3">
				<!-- Nome do Item -->
				<h:outputLabel value="Instituição Financiadora" for="descricao" />
				<h:inputText class="defaultBoxRadius" id="descricao"
					value="#{instituicaoFinanciadoraBean.nomeInstituicaoFinanciadora}"
					size="45" required="true">
					<f:validateLength maximum="255" />
					<p:ajax event="keyup" update="instituicoes"
						listener="#{instituicaoFinanciadoraBean.consultarInstituicoesFinanciadoras}">
					</p:ajax>
				</h:inputText>
			</h:panelGrid>

			<h:panelGrid columns="4">
				<p:commandButton id="bt_consultarInstituicoes"
					action="#{instituicaoFinanciadoraBean.consultarInstituicoesFinanciadoras}"
					value="Buscar" icon="ui-icon-search" ajax="false" />

				<p:commandButton id="bt_listarInstituicoes"
					action="#{instituicaoFinanciadoraBean.listarInstituicoesFinanciadoras}"
					value="Listar todos" icon="ui-icon-zoomin" immediate="true"
					ajax="false" />

				<p:commandButton value="Novo"
					actionListener="#{editarInstituicaoFinanciadoraBean.createEdit(null)}"
					ajax="true" immediate="true" icon="ui-icon-star" />
			</h:panelGrid>

			<!-- Detalhamento da pesquisa -->
			<p:dataTable id="instituicoes" var="instituicaoFinanciadora"
				value="#{instituicaoFinanciadoraBean.instituicoesFinanciadoras}"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
				paginator="true" rows="10" style="margin-bottom:20px">

				<p:column headerText="Instituição Financiadora">
					<h:outputText
						value="#{instituicaoFinanciadora.nomeInstituicaoFinanciadora}" />
				</p:column>

				<p:column headerText="Sigla" style="width:150px;">
					<h:outputText value="#{instituicaoFinanciadora.sigla}" />
				</p:column>

				<p:column headerText="CNPJ" style="width:150px;">
					<h:outputText value="#{instituicaoFinanciadora.cnpj}" />
				</p:column>

				<p:column headerText="Opções" width="180"
					style="text-align: center;">

					<p:commandButton id="cl_detalhar" ajax="true" immediate="true"
						actionListener="#{instituicaoFinanciadoraBean.detalharInstituicao(instituicaoFinanciadora)}"
						icon="ui-icon-plusthick" title="Detalhes" value="Detalhes" style="margin-right: 3%;">
					</p:commandButton>

				</p:column>

			</p:dataTable>

		</h:form>
	</p:panel>


</ui:composition>